<style type="text/css">
label{
width: 150px;
}
</style>

<!--<link href="{{$core_js}}/formValidation/css/cmxform.css" rel="stylesheet" type="text/css">-->
<link href="{{$core_js}}/formValidation/css/cmxformTemplate.css" rel="stylesheet" type="text/css">

<script src="{{$core_js}}/masking/autoNumeric-1.6.2.js" type="text/javascript"></script>
<script src="{{$core_js}}/masking/jquery.maskedinput-1.2.2.js" type="text/javascript"></script>
<script src="{{$core_js}}/formValidation/jquery.validate.js" type="text/javascript"></script>

<script type='text/javascript'>

     $(document).ready(function() {

                                 // This is for validation
                                 $("#commentForm").validate();


                                 //  This is for masking
                                 jQuery(function($) {
                                        $('input.auto').autoNumeric();
                                        $("#status_number").mask("9999999999");
                                        $("#billing_phone").mask("(999) 999-9999");
                                 });

			        });

</script>



<h1 class="h1Text">Registration</h1>
{{$form_errors}}
{{foreach from=$form_data item=data}}
{{$data}}

{{/foreach}}